<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title></title>
	<style type="text/css">
		 div li:first-child span{
		 	color: red;
		 }
		 div li:nth-child(2) span{
		 	color: orange;
		 }
		 div li:nth-child(3) span{
		 	color: yellow;
		 }
		a{
			text-decoration: none;
		}
		*{margin: 0;padding: 0;}
		.as{
			/*去掉黑点*/
			list-style: none;
		}
		li span{
			/*margin-right: 右外边距*/
			color: #9094AB;margin-right: 10px;
		}
		li{color: skyblue;}
	</style>
</head>
<body>
     <div>
     	<ul>
     		<li><span>1</span><a href="" >歌手方大同因病去世 年仅41随便</a></li>
     		<li><span>2</span><a href="">薛凯琪在方大同去世后1天唱歌时哭了</a></li>
     		<li><span>3</span><a href="">稳外贸促消费如何再发力</a></li>
     		<li class="as"><span>4</span>电动车被录取了</li>
     		<li class="as"><span>5</span>电动车被录取了</li>
     		<li class="as"><span>6</span>电动车被录取了</li>
     		<li class="as"><span>7</span>电动车被录取了</li>
     		<li class="as"><span>8</span>电动车被录取了</li>
     		<li class="as"><span>9</span>电动车被录取了</li>
     		<li class="as"><span>10</span>电动车被录取了</li>
     	</ul>
     </div>
</body>
</html>